<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">

    <title>Welcome to Naples</title>

    {{import naples/home_style.css}}
    {{import naples/home_normalize.css}}
    <style>
        body{
            overflow: hidden;
        }
        #att{
            position: fixed;
            bottom: 20px;
            text-align: right;
            width: 100%;
            color: white;
        }
    </style>
</head>

<body onkeyup="window.location.href='{{url Home/Favorites/index}}'" onclick="window.location.href='{{url Home/Favorites/index}}'">
<div style="text-align:center;clear:both;position:absolute;top:0;left:260px">
</div>
<canvas class="canvas"></canvas>

<div class="help" style="display: none">?</div>

<div class="ui" style="display: none">
    <input class="ui-input" type="text" />
    <span class="ui-return">↵</span>
</div>

<div id="att">
   Please click or press any key to continue...
</div>

<div class="overlay">
    <div class="tabs">
        <div class="tabs-labels"><span class="tabs-label">Commands</span><span class="tabs-label">Info</span><span class="tabs-label">Share</span></div>

        <div class="tabs-panels">
            <ul class="tabs-panel commands">
            </ul>

        </div>
    </div>
</div>

{{import naples/home_shape_shifter.js}}

</body>
</html>